<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="#{T2001}"></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="text/css" http-equiv="Content-Style-Type" />
    <meta content="text/javascript" http-equiv="Content-Script-Type" />
    <link href="../css/ui.tabs.css" media="print, projection, screen" rel="stylesheet" type="text/css" />
    <link href="../css/common.css" media="print, projection, screen" rel="stylesheet" type="text/css" />
    <style media="screen, projection" type="text/css">
        /* Not requiblue for Tabs, just to make this demo look better... */
        body, h1, h2 {
            font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
        }
        h1 {
            margin: 1em 0 1.5em;
            font-size: 18px;
        }
        h2 {
            margin: 2em 0 1.5em;
            font-size: 16px;
        }
        p {
            margin: 0;
        }
        pre, pre+p, p+p {
            margin: 1em 0 0;
        }
        code {
            font-family: "Courier New", Courier, monospace;
        }
        #Layer1 {
            position:absolute;
            width:238px;
            height:128px;
            z-index:1;
            left: 756px;
            top: 510px;
        }
    </style>
    <script src="/js/jquery-1.10.1.js" th:src="@{/js/jquery-1.10.1.js}"></script>
    <script src="/js/wdatepicker/WdatePicker.js" th:src="@{/js/wdatepicker/WdatePicker.js}" type="text/javascript"></script>
    <script src="/js/echarts/echarts.js" th:src="@{/js/echarts/echarts.js}"> </script>
</head>

<body>
<br />

<div id="container-11" style="width:800px; ">
    <div align="left" class="td51" style="width: 800px; padding:4px 0 4px 0; border:0;margin-left:10px;width:100%">
        <span style="font-weight: bold; font-size: 15px" th:text="#{L2002}"></span></div>
    <br />
    <form id="form1" action="" onsubmit="return false">
        <div id`="sys_form" style="background-color:#c4d8ed;margin-left:10px; width:100%">
            <span th:text="#{L2001}"></span>：
            <input id="Text1" name="from" type="text" style="width:100px" onclick="WdatePicker({dateFmt:'yyyy/MM'})" />～
            <input id="Text2" name="to" type="text" style="width:100px" onclick="WdatePicker({dateFmt:'yyyy/MM'})" />
            <input type="submit" class="btn" th:value="#{B2001}" >
        </div>`
    </form>
    <br />
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div style="width: 1200px;height:800px;" id="myChart"></div>
</div>

<script type="text/javascript" src="/js/KADO002/KADO002.js">
</script>

</body>
</html>